<style type="text/css">
    .modal-lg {
        width: 97%;
    }
</style>

<div class="col-sm-12 mt20">
    <div class="panel">
        <div class="panel-body">
            <div class="col-sm-12">
                <div class="row">
                    <div class="col-sm-2">
                        <input type="text" class="form-control" ng-keyup="myKeyup($event)" ng-model="searchform.code" placeholder="订单编号">
                    </div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" ng-keyup="myKeyup($event)" ng-model="searchform.keyword" placeholder="订单标题">
                    </div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" ng-keyup="myKeyup($event)" ng-model="searchform.cardno" placeholder="身份证号">
                    </div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" ng-keyup="myKeyup($event)" ng-model="searchform.name" placeholder="姓名">
                    </div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" ng-keyup="myKeyup($event)" ng-model="searchform.company_code" placeholder="机构编号">
                    </div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" ng-keyup="myKeyup($event)" ng-model="searchform.login_name" placeholder="登录帐号">
                    </div>
                </div>
                <div class="row mt10">
                    <div class="col-sm-2">
                        <input type="text" class="form-control" ng-keyup="myKeyup($event)" ng-model="searchform.note" placeholder="备注">
                    </div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" ng-keyup="myKeyup($event)" ng-model="searchform.mobile" placeholder="电话">
                    </div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" datepicker-popup="yyyy-MM-dd" ng-model="date.lable" is-open="date.opened" ng-click="dateOpen($event, date)"
                            placeholder="开始时间" ng-required="true" close-text="关闭" current-text="今天" clear-text="清除" readonly/>
                    </div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" datepicker-popup="yyyy-MM-dd" ng-model="date1.lable" is-open="date1.opened" ng-click="dateOpen1($event, date1)"
                            placeholder="结束时间" ng-required="true" close-text="关闭" current-text="今天" clear-text="清除" readonly/>
                    </div>
                    <div class="col-sm-2">
                        <ui-select ng-model="searchform.ticket_state" theme="bootstrap" ng-keyup="myKeyup($event)">
                            <ui-select-match placeholder="票状态">
                                {{$select.selected.label}}
                            </ui-select-match>
                            <ui-select-choices repeat="item.value as item in tstate | filter: $select.search">
                                <span ng-bind-html="item.label | highlight: $select.search"></span>
                            </ui-select-choices>
                        </ui-select>
                    </div>
                    <div class="col-sm-2">
                        <ui-select ng-model="searchform.sale_category" theme="bootstrap" ng-keyup="myKeyup($event)">
                            <ui-select-match placeholder="销售分类">
                                {{$select.selected.label}}
                            </ui-select-match>
                            <ui-select-choices repeat="item.value as item in category_type | filter: $select.search">
                                <span ng-bind-html="item.label | highlight: $select.search"></span>
                            </ui-select-choices>
                        </ui-select>
                    </div>
                </div>
                <div class="row mt10">
                    <div class="col-sm-2 col-sm-offset-10">
                        <button class="btn btn-block btn-info" ng-click="load()">搜索</button>
                    </div>
                    <!-- <div class="col-sm-10">
								</div>
								<div class="col-sm-2">
									<input type="button " class="btn btn-info search form-control" ng-click="load()" value="立即搜索">

								</div> -->
                </div>
            </div>
        </div>
    </div>
    <!-- searchArea -->
    <div class="panel panel-default">
        <div class="panel-body">
            <div class="panel panel-info" ng-repeat="objs in realOrderList">
                <div class="panel-heading" ng-if="objs.order_cart_code">
                    <span>订单编号:&nbsp;{{objs.order_cart_code}}</span><span style="margin-left: 50px;">金额:&nbsp;{{objs.cart_pay_fee}}元</span>
                </div>
                    <table class="table table-bordered panel-body">
                        <thead>
                            <tr>
                                <th class="col-md-1 text-center">订单名称/编号</th>
                                <!--<th class="col-md-2 text-center">订单编号</th>-->
                                <th class="col-md-1 text-center">游客信息</th>
                                <th class="col-md-1 text-center">数量</th>
                                <th class="col-md-1 text-center">购买时间</th>
                                <th class="col-md-1 text-center">销售品编号/分类</th>
                                <th class="col-md-1 text-center">支付状态</th>
                                <th class="col-md-1 text-center">出票状态</th>
                                <th class="col-md-1 text-center">分销商</th>
                                <th class="col-md-1 text-center">操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ng-repeat="obj in objs.childList">
                                <td class="">
                                    {{obj.title}}
                                    <br>{{obj.code}}<br>
                                    <span ng-show="obj.out_order_id">外部分销：{{obj.out_order_id}}</span>
                                    <br> <span ng-show="obj.supply_order_id">供应商：{{obj.supply_order_id}}</span>
                                </td>
                                <td class="text-center">{{obj.name}}<br>{{obj.mobile}}<br>{{obj.cardno}}</td>
                                <td class="text-center">
                                    <span>购买{{obj.num}}</span><br>
                                    <span>退票{{obj.back}}</span><br>
                                    <span>使用{{obj.used}}</span>
                                </td>
                                <td class="text-center">{{obj.create_time}}</td>
                                <td class="text-center">
                                    {{obj.sale_code}}
                                    <br />{{obj.sale_category_name}}
                                </td>
                                <td class="text-center">
                                    <p ng-show="obj.pay_state==0" class="form-control-static">未支付</p>
                                    <p ng-show="obj.pay_state==1" class="form-control-static">支付完成(无需支付)</p>
                                </td>
                                <td class="text-center">
                                    <!-- <span popover="{{obj.cancel_reason}}" popover-trigger="mouseenter">{{obj.ticket_state_name}}</span> -->
                                    <!--<br>-->
                                    {{obj.ticket_state_name}}
                                    <!-- <button popover="{{obj.cancel_reason}}" popover-trigger="mouseenter" class="btn btn-success">Mouseenter</button> -->
                                    <span ng-show="obj.ticket_state == 9">
								<br>{{obj.cancel_reason}}
							</span>
                                </td>
                                <td class="text-center">{{obj.company_name}}<br>{{obj.company_code}}<br>{{obj.operation_login_name}}</td>
                                <th class="text-center">
                                    <a ng-click="ticketlist(obj)" class="btn btn-success btn-xs">票信息</a>
                                    <br>
                                    <a ng-click="orderinfo(obj)" class="btn btn-info btn-xs">订单详情</a>
                                    <br>
                                    <a ng-click="resend(obj)" class="btn btn-danger btn-xs" ng-show="obj.sale_belong != 'juyou' || (obj.ticket_state == '2' && obj.sms_state == '2')">重发短信</a>
                                    <a ng-click="relay(obj)" class="btn btn-warning btn-xs" ng-show="obj.sale_belong != 'juyou' || (obj.ticket_state == '2' && obj.sms_state == '2')">转发短信</a>
                                    <a ng-click="back(obj, '1')" class="btn btn-primary btn-xs" ng-show="(obj.num > obj.back + obj.used) && ((obj.sale_belong != 'langdao' && obj.ticket_state == '2') || obj.ticket_state == '9') ">退多张票</a>
                                    <!-- <a ng-if="obj.sale_belong != 'juyou' && obj.ticket_state == '9'" ng-click="back(obj, '2')" class="btn btn-primary btn-xs" ng-show="(obj.num > obj.back + obj.used) && ((obj.sale_belong != 'langdao' && obj.ticket_state == '2') || obj.ticket_state == '9') "
								 has-permission='backTicket_new'
								 >退多张票</a> -->
                                </th>
                            </tr>
                        </tbody>
                    </table>
            </div>
        </div>
        <div class="text-right" style="background-color: white">
            <pagination total-items="bigTotalItems" ng-model="bigCurrentPage" max-size="maxSize" class="pagination-sm" boundary-links="true"
                ng-change="load()" items-per-page="itemsPerPage" previous-text="上一页" next-text="下一页" first-text="首页" last-text="末页"
                rotate="false">
            </pagination>
        </div>
    </div>
</div>